@mixin flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

// @mixin mobile {
//   @media (max-width: map-get($breakpoints, 'md')) {
//     @content;
//   }
// }

// @mixin tablet {
//   @media (min-width: map-get($breakpoints, 'md')) {
//     @content;
//   }
// }